<template>
	<div>
	<div class="tab-1">
	<Tabs value="name1">
        <TabPane label="二手推荐" name="name1">
			<div>
			<div class="nav1" v-for="(item,index) in model4">
				<div class="nav2">
					<img :src="item.tupian" />
				</div>
				<span>{{item.title1}}</span>
				<p>{{item.title2}}</p>
			</div>
			</div>
		</TabPane>
        <TabPane label="小区推荐" name="name2">
			<div>
			<div class="nav1" v-for="(item,index) in model4">
				<div class="nav2">
					<img :src="item.tupian" />
				</div>
				<span>{{item.title1}}</span>
				<p>{{item.title2}}</p>
			</div>
			</div>
		</TabPane>
        <TabPane label="房产百科" name="name3">
			<div>
			<div class="nav1" v-for="(item,index) in model4">
				<div class="nav2">
					<img :src="item.tupian" />
				</div>
				<span>{{item.title1}}</span>
				<p>{{item.title2}}</p>
			</div>
			</div>
		</TabPane>
    </Tabs>
	</div>
	<div>
	</div>
	</div>
</template>
<script>
	 //import shoplist from '/shouye/shoplist';
	export default{
		name: 'tabpre',
		props: ["model4"],
		data(){
			return{
						
				  }
		     },
	// components: {
	// 	shoplist,
	// 	
	// }
	};
</script>
  
<style scoped>
	.tab-1{
		width: 7.5rem;
		height: 7.9rem;
	}
   .ivu-tabs-nav .ivu-tabs-tab{
		padding:8px 8px !important;
		
		}
	.nav1{
		float: left;
		width: 3.17rem;
		height: 3.23rem;
		margin-left: 0.35rem;
	}
	.nav2{
		width: 3.17rem;
		height: 2.13rem;
	}
	.nav2>img{
		width: 3.17rem;
		height: 2.13rem;
	}
	.nav1>span{
		font-size: 14px;
		margin-left: 0.04rem;
		color: black;
	}
	.nav1>p{
		font-size: 12px;
		margin-left: 0.08rem;
		color: gray;
	}
</style>
